 .hostBodyHalf {
     height: calc(100vh - 160px) !important;

     .headerImg {
         height: calc(8vh - 20px) !important;
     }



     .co1line1,
     .co1line2,
     .co1line3 {
         height: calc(29vh - 54px) !important;

     }

     .co2line1 {
         height: calc(30vh - 40px) !important;

         .zbItemContainer {
             height: calc(20vh - 30px) !important;
             width: 11vw !important;
         }

         .guoduImg {
             height: calc(5vh - 10px) !important;
             //  margin-top: calc(-6vh + 20px) !important;
         }

         .swiper-button-prev,
         .swiper-button-next {
             top: 22vh !important;
         }

     }

     .co2line2 {
         .mapPage {
             height: calc(51vh - 100px) !important;
         }
     }

     .co3line1 {
         height: calc(29vh - 65px) !important;

         .tableBox {
             height: calc(100% - 5vh) !important;

         }

         .scrollWrapper {
             height: calc(100% - 1.8vh) !important;
         }
     }

     .co3line2 {
         height: calc(41vh - 65px) !important;

         .bjTitle {
             height: 12vh !important;
         }

         .ycrhContainer {
             height: calc(100% - 14vh);

             .ycrhItem {
                 top: 13vh !important;
                 left: 10.5vw !important;
             }
         }
     }

     .co3line3 {
         height: calc(17vh - 30px) !important;

         .item-row {
             height: calc(12vh - 20px) !important;

             .valueCol {
                 >div {
                     margin-top: 3vh !important;
                 }
             }
         }
     }


 }


 .hostBody {
     background-repeat: no-repeat;
     width: 100%;
     height: 100vh;
     padding: 0 0.5vw;
     background-image: url("~@/views/riskBigScreen/bigScreen/dpbj.png");
     background-size: 100% 100%;
     display: flex;
     align-items: center;

     .leftImg {
         width: 1.5%;
         height: 100%;
         background: url('~@/views/riskBigScreen/bigScreen/bgLeft.png') no-repeat 0 0;
         background-size: 100% 100%;
     }

     .rightImg {
         width: 1.5%;
         height: 100%;
         background: url('~@/views/riskBigScreen/bigScreen/bgRight.png') no-repeat 0 0;
         background-size: 100% 100%;
     }

     .bottomImg {
         width: 100%;
         height: 2vh;
         background: url('~@/views/riskBigScreen/bigScreen/bgBottom.png') no-repeat 0 0;
         background-size: 100% 100%;
     }

     .sencondRow {
         display: flex;
         justify-content: space-between;
         align-items: flex-start;



         .co1line1 {
             height: 29vh;
             width: 100%;
             z-index: 1;
             background: url('~@/views/riskBigScreen/bigScreen/cardBj.png') 0 0 no-repeat;
             background-size: 100% 100%;
         }

         .co1line2 {
             height: 29vh;
             width: 100%;
             background: url('~@/views/riskBigScreen/bigScreen/cardBj.png') 0 0 no-repeat;
             background-size: 100% 100%;

             .bzContainer {
                 margin-top: 1vh;
                 display: flex;
                 //  flex-wrap: wrap;
                 width: 100%;
                 height: calc(100% - 7vh);
                 overflow: hidden;

                 .item-row {
                     position: relative;
                     display: flex;
                     flex-shrink: 0;
                     height: 7vh;
                     width: 47%;
                     margin: 0 1.5% 0.7vh;

                     .valueCol {
                         z-index: 2;
                         font-size: 0.9vw;
                         color: #ffffff;

                         span:nth-child(1) {
                             font-size: 1.4vw;
                             text-shadow: 0 0 8px #1298FF;
                             font-family: "TCloudNumber";
                             font-weight: 400;
                             background: linear-gradient(180deg, #FFF 51.85%, #53B5FD 83.33%);
                             background-clip: text;
                             -webkit-background-clip: text;
                             -webkit-text-fill-color: transparent;
                         }
                     }

                     .itemIcon {
                         width: 3vw;
                         height: 3vw;
                         z-index: 2;
                         margin: 0 1.5vw;
                         background: url('~@/views/riskBigScreen/bigScreen/moneyIcon.png') 0 0 no-repeat;
                         background-size: 100% 100%;
                     }

                     .itemBg {
                         position: absolute;
                         top: 3vh;
                         z-index: 1;
                         background: url('~@/views/riskBigScreen/bigScreen/moneyBj.png') 0 0 no-repeat;
                         background-size: 100% 100%;
                         width: 100%;
                         height: 4vh;
                     }
                 }

                 .scrollWrapper {
                     --animationTime: 10s;
                     width: 100%;
                     height: 100%;
                     overflow: hidden;
                 }

                 .scrollContent {
                     display: flex;
                     flex-wrap: wrap;
                     //  flex-direction: column;
                     //  justify-content: space-around;
                     /* 垂直排列 */
                     width: 100%;
                 }

                 .scrollContral {
                     animation: scroll var(--animationTime) linear infinite;
                 }
             }
         }

         .co1line3 {
             height: 29vh;
             width: 100%;
             z-index: 1;
             background: url('~@/views/riskBigScreen/bigScreen/cardBj.png') 0 0 no-repeat;
             background-size: 100% 100%;
         }

         .co2line1 {
             height: 30vh;

             .horizontalContainer {
                 display: flex;
                 /* 启用Flexbox布局 */
                 justify-content: space-between;
                 /* 子亿素两端对齐 */
                 align-items: center;
                 margin-top: 1vh;

                 .zbItemContainer {
                     padding: 1.5vh 0.5vw 0;
                     margin: 0 5px;
                     justify-content: center;
                     width: 12vw;
                     height: 20vh;
                     background-size: 100% 100%;
                     background-repeat: no-repeat;
                     background-image: url('~@/views/riskBigScreen/bigScreen/cardBox.png');

                     .spaceBetweenContainer {
                         display: flex;
                         justify-content: space-between;
                         align-items: baseline;
                         height: 5vh;

                         .zbNumberText {
                             white-space: nowrap;
                             overflow: hidden;
                             text-overflow: ellipsis;
                             font-family: "TCloudNumber";
                             font-size: 1vw;
                             font-weight: 400;
                             background: linear-gradient(124deg, #FD7700 16.08%, #F5CC00 86.44%);
                             background-clip: text;
                             -webkit-background-clip: text;
                             -webkit-text-fill-color: transparent;
                             max-width: 4.2vw;
                             display: inline-block;
                         }

                         .zbUnitText {
                             color: #ffffff;
                             font-family: "PingFang SC";
                             font-size: 0.9vw;
                             font-weight: 400;
                             line-height: 4vh;
                         }

                         .zbCommonText {
                             color: #ffffff;
                             text-align: left;
                             font-family: "PingFang SC";
                             font-size: 0.9vw;
                             font-weight: 400;
                             line-height: 2vh;

                             display: -webkit-box;
                             -webkit-line-clamp: 2;
                             /* 显示2行 */
                             -webkit-box-orient: vertical;
                             overflow: hidden;
                             text-overflow: ellipsis;
                             word-break: break-all;
                         }
                     }

                 }

                 .arrow-left,
                 .arrow-right {
                     cursor: pointer;
                     /* 修改：鼠标悬停时显示指针 */
                 }
             }
         }

         .guoduImg {
             width: 100%;
             height: 5vh;
             //  margin-top: -6vh;
         }

         .co2line2 {
             .mapPage {
                 height: 51vh;
             }
         }

         .co2line3 {
             height: 12vh;
             width: 100%;
             background: url('~@/views/riskBigScreen/bigScreen/zhpjBg@2x.png') 0 0 no-repeat;
             background-size: 100% 100%;

             .zhpjTitleContainer {
                 display: flex;
                 // justify-content: ;
                 align-items: center;
                 margin-left: 1vw;
             }

             .zhpjContent {
                 margin-top: 0.78vh;
                 width: 24.5729vw;
                 color: #ffffff;
                 font-family: "PingFang SC";
                 font-size: 0.8333vw;
                 font-style: normal;
                 font-weight: 400;
                 line-height: normal;
                 margin-left: 1vw;
             }
         }

         .co3line1 {
             height: 29vh;
             width: 100%;
             background: url('~@/views/riskBigScreen/bigScreen/cardBj.png') 0 0 no-repeat;
             background-size: 100% 100%;

             .tableBox {
                 height: calc(100% - 6vh);
                 padding: 0.5vh 0.5vw 0.5vh;
                 width: 100%;

                 .tableHeader {
                     display: flex;
                     align-items: center;
                     height: 3.8vh;
                     line-height: 3.8vh;
                     font-size: 0.8vw !important;
                     font-weight: 700;
                     background-color: #1B365E;
                     border: 1px solid #466ca49c;
                     padding: 0 0.5vw;

                     .tableHeaderTitle {
                         color: #B4C0CC;
                     }

                     .tableHeaderTitle:nth-child(1) {
                         width: 40%;
                         text-align: left;
                     }

                     .tableHeaderTitle:nth-child(2) {
                         width: 30%;
                         text-align: center;
                     }

                     .tableHeaderTitle:nth-child(3) {
                         width: 30%;
                         text-align: center;
                     }
                 }

                 .tableBody {
                     .tableRow {
                         display: flex;
                         align-items: center;
                         height: 3.8vh;
                         line-height: 3.8vh;
                         font-size: 0.8vw !important;
                         font-weight: 700;
                         padding: 0 0.5vw;
                         color: #fff;

                         .tableCell:nth-child(1) {
                             width: 40%;
                             text-align: left;
                         }

                         .tableCell:nth-child(2) {
                             width: 30%;
                             text-align: center;
                         }

                         .tableCell:nth-child(3) {
                             width: 30%;
                             text-align: center;
                         }
                     }

                     .tableRow:hover {
                         cursor: pointer;
                         color: #1499FF;
                         border-left: 2px solid #1499FF;
                         background: #1499ff33;
                     }

                     .tableRow:nth-child(even) {
                         background-color: #2e45404d;
                     }

                 }

                 @keyframes scroll {
                     0% {
                         transform: translateY(0);
                     }

                     100% {
                         transform: translateY(-50%);
                         /* 向上移动 50% */
                     }
                 }


                 .scrollWrapper {
                     --animationTime: 10s;
                     width: 100%;
                     height: calc(100% - 3.8vh);
                     overflow: hidden;

                     .scrollContent {
                         display: flex;
                         flex-direction: column;
                         width: 100%;
                     }

                     .scrollContral {
                         animation: scroll var(--animationTime) linear infinite;
                         /* 20s 为滚动时间，可以调整 */
                     }
                 }

             }

         }

         .co3line2 {
             height: 41vh;
             width: 100%;
             background: url('~@/views/riskBigScreen/bigScreen/cardBj2.png') 0 0 no-repeat;
             background-size: 100% 100%;
             position: relative;

             .bjTitle {
                 position: relative;
                 top: 15vh;
                 left: 44%;
                 width: 5vw;
                 color: #ffffff;
                 font-family: "PingFang SC";
                 font-size: 1vw;
                 font-weight: 500;
             }

             .ycrhContainer {
                 height: calc(100% - 4vh);
                 width: 100%;
                 background: url('~@/views/riskBigScreen/bigScreen/ycrhBj.png') 0 3vh no-repeat;
                 background-size: 100% 50%;
             }

             .ycrhItem {
                 position: absolute;
                 /* 设置为绝对定位 */
                 width: 5.5vw;
                 height: 13vh;
                 //  top: 17vh;
                 //  left: 11vw;
                 padding: 1vh 0.5vh;
                 justify-content: center;
                 background-size: 100% 100%;
                 background-repeat: no-repeat;
                 background-image: url('~@/views/riskBigScreen/bigScreen/zqItemBg.png');

                 .itemTitle {
                     color: #ffffff;
                     font-family: "Alimama ShuHeiTi";
                     font-size: 1vw;
                     font-weight: 700;
                     letter-spacing: 0.05vw;
                     height: 6vh;
                     text-align: center;
                     display: -webkit-box;
                     -webkit-line-clamp: 2; // 限制显示2行
                     -webkit-box-orient: vertical;
                     text-overflow: ellipsis;
                     overflow: hidden;
                 }

                 .itemRow {
                     display: flex;
                     align-items: end;
                     justify-content: center;

                     .zqItemNumber {
                         display: inline-block;
                         white-space: nowrap;
                         overflow: hidden;
                         text-overflow: ellipsis;
                         font-family: "TCloudNumber";
                         font-size: 1.25vw;
                         font-weight: 400;
                         letter-spacing: 0.05vw;
                         background: linear-gradient(180deg, #FFF 51.85%, #3CC6FD 83.33%);
                         background-clip: text;
                         -webkit-background-clip: text;
                         -webkit-text-fill-color: transparent;
                     }

                     .zqItemUnit {
                         color: #ffffff;
                         font-family: "PingFang SC";
                         font-size: 0.65vw;
                         font-style: normal;
                         font-weight: 400;
                         line-height: 2.8vh;
                     }

                 }

                 .iconClass {
                     position: absolute;
                     bottom: 1vh;
                     left: 50%;
                     width: 0.3vw;
                     height: 0.3vw;
                     background: linear-gradient(180deg, #46DDFF 0%, #C1E2F1 100%);
                     border-radius: 50%;
                     box-shadow:
                         0 0 0 2px rgba(70, 221, 255, 0.3), // 第一层发光
                         0 0 0 4px rgba(70, 221, 255, 0.2); // 第二层发光
                     // 添加动画效果
                     animation: pulse 2s infinite;
                 }

                 // 添加呼吸动画
                 @keyframes pulse {
                     0% {
                         transform: scale(1);
                         opacity: 1;
                     }

                     50% {
                         transform: scale(1.1);
                         opacity: 0.8;
                     }

                     100% {
                         transform: scale(1);
                         opacity: 1;
                     }
                 }
             }
         }

         .co3line3 {
             height: 17vh;
             width: 100%;
             background: url('~@/views/riskBigScreen/bigScreen/cardBj3.png') 0 0 no-repeat;
             background-size: 100% 100%;

             .cwContainer {
                 //  margin-top: 1vh;
                 display: flex;
                 width: 100%;
                 height: calc(100% - 5vh);

                 overflow: hidden;

                 .item-row {
                     position: relative;
                     flex-shrink: 0;
                     width: 25%;
                     height: 12vh;
                     //  margin-bottom: 1vh;
                     text-align: center;
                     display: flex;
                     justify-content: center;

                     .valueCol {
                         z-index: 2;
                         font-size: 0.9vw;
                         color: #ffffff;

                         span:nth-child(1) {
                             font-size: 1.4vw;
                             text-shadow: 0 0 8px #1298FF;
                             font-family: "TCloudNumber";
                             font-weight: 400;
                             background: linear-gradient(180deg, #FFF 51.85%, #53B5FD 83.33%);
                             background-clip: text;
                             -webkit-background-clip: text;
                             -webkit-text-fill-color: transparent;
                         }

                         >div {
                             margin-top: 4vh;
                         }
                     }


                     .itemBg {
                         position: absolute;
                         top: -4vh;
                         z-index: 1;
                         background: url('~@/views/riskBigScreen/bigScreen/cwtopBj.png') 0 0 no-repeat;
                         background-size: 100% 100%;
                         width: 13vh;
                         height: 13vh;
                     }
                 }

                 .scrollWrapper {
                     --animationTime: 10s;
                     width: 100%;
                     height: 100%;
                     overflow: hidden;
                 }

                 .scrollContent {
                     display: flex;
                     flex-wrap: wrap;
                     //  flex-direction: column;
                     //  justify-content: space-around;
                     width: 100%;
                 }

                 .scrollContral {
                     animation: scroll var(--animationTime) linear infinite;
                 }
             }

         }
     }

 }


 @keyframes scroll {
     0% {
         transform: translateY(0);
     }

     100% {
         transform: translateY(-50%);
         /* 向上移动 50% */
     }
 }

 //  .scrollWrapper {
 //      width: 100%;
 //      height: 100%;
 //      overflow: hidden;
 //  }


 //  .scrollContent {
 //      display: flex;
 //      //  flex-direction: column;
 //      flex-wrap: wrap;
 //      justify-content: space-around;
 //      /* 垂直排列 */
 //      width: 100%;
 //      animation: scroll 30s linear infinite;
 //      /* 20s 为滚动时间，可以调整 */
 //  }






 //  @import '~swiper/css/swiper.css';
 /* 可能需要添加以下样式来确保Swiper横向显示 */
 .swiper-container {
     width: 96%;
     /* 或者具体的宽度 */
     height: auto;
     /* 根据内容调整高度 */
 }

 /* 修改：确保Swiper slide是横向排列 */
 .swiper-slide {
     display: flex;
     align-items: center;
     /* 根据需要调整垂直对齐方式 */
     justify-content: center;
     /* 根据需要调整水平对齐方式 */
 }

 .operatingCosts {
     color: #ffffff;
     font-family: "PingFang SC";
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     line-height: 20px;
 }



















 .swiper-button-prev {
     width: 1.5vw;
     height: 3vh;
     background: url("~@/views/riskBigScreen/bigScreen/leftRow.png") no-repeat;
     background-size: 100% 100%;
     cursor: pointer;
     z-index: 9999;
     top: 25vh;
     left: 33%;
 }

 .swiper-button-next {
     width: 1.5vw;
     height: 3vh;
     background: url("~@/views/riskBigScreen/bigScreen/swiperNext.png") no-repeat;
     background-size: 100% 100%;
     cursor: pointer;
     z-index: 9999;
     top: 25vh;
     left: 65%;
 }

 .outer-div {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin: 0.5vh 0
 }















 .srHblStyle {
     width: 0.9375vw;
     // height: 1.6667vh;
     height: 1.25vw;
     vertical-align: middle;
     margin-left: 0;
 }

 .flexCenter {
     display: flex;
     align-items: center;
     ;
 }

 .titleName {
     padding-left: 0.5208vw;
     font-feature-settings: 'liga' off, 'clig' off;
     text-shadow: 0 0.16vw 0.16vw #00265f4d;
     font-family: "Alimama ShuHeiTi";
     //  font-size: 1.3542vw;
     font-size: 1.1542vw;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: 0.0521vw;
     background: linear-gradient(180deg, #FFF 51.85%, #53B5FD 83.33%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .co1line1,
 .co1line2,
 .co1line3,
 .co2line1,
 //  .co2line2,
 .co2line3,
 .co3line1,
 .co3line2,
 .co3line3 {
     margin-top: 1vh;
 }